<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2887659_qlwlmykrhnq.css">
    <link rel="stylesheet" href="./css/zhuce.css">
    <link rel="stylesheet" href="./css/reset.css">
    <script src="./js/ajax.js"></script>
    <script src="./js/jQuery/jquery-3.6.0.min.js"></script>
    <script src="./lib/layer/layer.js"></script>
    <title>京东注册</title>
</head>
<body>
    <div class="head">
        <div class="head-pc">
           <div class="head-left">
               <img src="./reg-imgs/jd-logo.png" alt="">
               <span>欢迎注册</span>
            </div> 
            <div class="head-right" style="cursor: default;">已有账号？
                <a id="loginBtn">请登录></a>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="main-pc">
                <div class="head-form">
                    <form action="">
                       <div class="form-box">
                            <div class="form-input">
                                <label>手 机 号</label>
                                <input type="text" placeholder="请输入您的手机号" class="head-input" id="phonenum" name='tel'>
                            </div>
                            <div class="error errorphone" style="width:400px;height: 30px;color: red;font-size: 12px;">
                                <span></span>
                            </div>
                            <div class="form-input">
                                <label>用 户  名</label>
                                <input type="text" placeholder="您的账户和登录名" class="head-input" id="username" name='username'>
                            </div>
                            <div class="error erroruser" style="width:400px;height: 30px;color: red;font-size: 12px;">
                                <span></span>
                            </div>
                            <div class="form-input">
                                <label>设置密码</label>
                                <input type="text" placeholder="建议使用两种或两种以上字符组合" class="head-input" id="paw" name='password'>
                            </div>
                            <div class="error errorpaw" style="width:400px;height: 30px;color: red;font-size: 12px;">
                                <span></span>
                            </div>
                            <div class="form-input">
                                <label>确认密码</label>
                                <input type="text" placeholder="请再次输入密码" class="head-input" id="pawre" name='repass'>
                            </div>
                            <div class="error errorpawre" style="width:400px;height: 30px;color: red;font-size: 12px;">
                                <span></span>
                            </div>
                            <div class="form-input">
                                <button class="head-btn">立即注册</button>
                            </div>
                            <div class="other-reg">
                                <a href=""><i class="iconfont icon-touxiang"></i>企业用户注册</a>
                                <a href=""><i class="iconfont icon-wangluo"></i>海外用户注册</a>
                            </div>
                       </div>
                    </form>
                </div>
        </div>
    </div>
    <script src="./js/jQuery/jquery-3.6.0.js"></script>
    <script>
        
        //为表单元素添加失去焦点事件
    </script>
    <div class="form-footer">
        <div class="footer-pc">
            <div class="footer-links">
                <a>关于我们</a><span class="footer-ge">|</span>
                <a>联系我们</a><span class="footer-ge">|</span>
                <a>人才招聘</a><span class="footer-ge">|</span>
                <a>商家入驻</a><span class="footer-ge">|</span>
                <a>广告服务</a><span class="footer-ge">|</span>
                <a>手机京东</a><span class="footer-ge">|</span>
                <a>友情链接</a><span class="footer-ge">|</span>
                <a>销售联盟</a><span class="footer-ge">|</span>
                <a>京东社区</a><span class="footer-ge">|</span>
                <a>京东公益</a><span class="footer-ge">|</span>
                <a>Engish Site</a>
            </div>
            <div class="links">
                <a>Copyrightc2004-2021京东JD.com 版权所有</a>
            </div>
        </div>
    </div>
</body>
</html>

<script src="./js/register.js"></script>